/*
 * 滚动文本菜单
 */
<script>
    //import otherComponent from '@/components/otherComponent.vue';
    
    export default {
        name: "ys-scrolltext-menu",
        components:{
            //otherComponent
        },
        props: {
            //数据列表
            list: {
                type: Array,
                default: () => []
            },            
        },
        data() {
            return {

            }
        },
        computed: {
            /*
            * 方法注释
            */
            // funName : function() {
            //     return some;
            // }
        },
        methods: {
            /*
             * 方法注释
             */
//             funName : function() {
// 
//             }
        }
    }      
</script>
<template name="ys-scrolltext-menu">
    <scroll-view class="ys-scrolltext-menu" scroll-x scroll-left=0 scroll-with-animation>
        <view class="menu">
            <navigator class="item" v-for="(item, index) in list" :key="index" :url="item.url">
                <cover-view class="text">{{item.text}}</cover-view>
            </navigator>
        </view>
    </scroll-view>
</template>
<style lang="scss">
    .ys-scrolltext-menu {
        border-bottom: 1upx solid #e5e5e5;
        .menu {
            display: flex;
            flex-direction: row;     
            height: 60upx;
            align-items: center;   
            .item {
                margin: 0 25upx;
                white-space: nowrap; 
                .text {
                    background: #ffffff;
                }
            }                   
        }
    }
</style> 

